$(function () {
// 不可选中样式
    $('label[disabled] input').attr('disabled', 'disabled');
// 阻止a标签跳转
    $('a[disabled]').click(() => {
        return false
    })
    let setPosition = () => {
        let $ele = $('.res-pos');
        $ele.css({
            transition: '0.5s'
        })
        if ($ele.length > 0) {
            // 获取父元素位置
            let p = $ele.parent();
            // 父元素top
            let pt = p.offset().top;
            // 父元素left
            let pl = p.offset().left;
            // 父元素宽度,高度
            let pw = p.outerWidth() + 10;
            let ph = p.outerHeight() + 10;
            let ew = $ele.outerWidth() + 10;
            let eh = $ele.outerHeight() + 10;
            // 假如右边位置够宽则放在右边；如果下面位置够宽就放在下面，否则放在中间
            // 放右边
            if ((window.innerWidth - pl - pw > ew) && (window.innerHeight - pt > eh)) {
                $ele.css({
                    position: 'absolute',
                    left: pw + 'px',
                    top: '0',
                })
                // 放左边
            } else if ((pl > ew) && (window.innerWidth - pl < ew) && (window.innerHeight - pt > eh)) {
                $ele.css({
                    position: 'absolute',
                    left: '-' + ew + 'px',
                    top: '0',
                })
                // 放下边
            } else if (window.innerHeight - pt - ph > eh) {
                $ele.css({
                    position: 'absolute',
                    left: '0',
                    top: ph + 'px',
                })
                // 放上边
            } else if ((pt > eh) && (window.innerWidth - pl > ew)) {
                $ele.css({
                    position: 'absolute',
                    left: '0',
                    top: '-' + eh + 'px',
                })
                // 放中间
            } else {
                $ele.css({
                    position: 'fixed',
                    left: '50%',
                    top: '50%',
                    transform: 'translate(-50%, -50%)'
                })
            }
        } else {
            console.log('没有这个元素');}
    }
    setPosition();
    $(window).resize(() => {
        setPosition();
    })
})
